<head>
	<!--<link rel="stylesheet" type="text/css" href="/BackEndRecursosHumanos/app/webroot/css/ui-lightness/jquery-ui-1.10.3.custom.min.css">
	<script type="text/javascript" src="/BackEndRecursosHumanos/app/webroot/js/jquery-1.9.1.js"></script>
	<script type="text/javascript" src="/BackEndRecursosHumanos/app/webroot/js/jquery-ui-1.10.3.custom.min.js"></script>-->
	
	
	
	<script>
		function seleccionar_todos($id)
	   	{
				$(".check_box_articulo").prop("checked",$id);
				$(".check_box_articulo").attr("checked",$id);
				
	    }
		
		function activar_deactivar_selecionados()
	   	{
	   		
	   		
		   		$('#articulos_seleccionados').val('');
			    $("#tabla_articulos tr td .check_box_articulo:checked").each(function(index) 
			    {
			           id = $(this).attr('id');
			          
			           $('#articulos_seleccionados').val($('#articulos_seleccionados').val()+','+id);
			           
			           
			    });
			    if ($('#articulos_seleccionados').val() != "")
				{
				    if(confirm("Desea Eliminar el(los) articulos(s) Seleccionado(s) del Catalogo?"))
					{
			   			//$('#Delete_CatalogoGetGridConsultCatalogoForm').attr('action',$('#Delete_CatalogoGetGridConsultCatalogoForm').attr('action')+"/"+$('#articulos_seleccionados').val()+"/2");
						
						 var url = "/BackEndRecursosHumanos/catalogos/delete_catalogo/"+$('#articulos_seleccionados').val()+"/2";
							alert(url);
							$('#grid_consultar').hide('fast');
							
							$.get(url,
								    {})
								    .done(function(data, textStatus, jqXHR) 
							        {
								 		alert("done");
				 						showGridConsulCatalogo();
								 		
							        })
								    .fail(function(jqXHR, textStatus, errorThrown) 
								    {
								        alert("fail");
				 						showGridConsulCatalogo();
										
									});
						
					}
				}
			

	   	}
	   	
	   	function activar_deactivar_button($id_catalogo)
		{
			
			
				if(confirm("Desea Eliminar el Evento Seleccionado ?"))
				{
					
					var url = "/BackEndRecursosHumanos/catalogos/delete_catalogo/"+$id_catalogo+"/1";
					
					$('#grid_consultar').hide('fast');
					
					$.get(url,
						    {})
						    .done(function(data, textStatus, jqXHR) 
					        {
						 		alert("done");
								showGridConsulCatalogo();
					        })
						    .fail(function(jqXHR, textStatus, errorThrown) 
						    {
						        alert("fail");
								showGridConsulCatalogo();
							});
					
					
				}
				
		}
	   	
		function validar_eliminar()
	   	{
	   		if ($('#articulos_seleccionados').val() != "")
			{
			    if(confirm("Desea Eliminar el(los) articulos(s) Seleccionado(s) del Catalogo?"))
				{
		   			$('#Delete_CatalogoConsultCatalogoForm').attr('action',$('#Delete_CatalogoConsultCatalogoForm').attr('action')+"/"+$('#articulos_seleccionados').val()+"/2");
					
					 var url = "/BackEndRecursosHumanos/catalogos/delete_catalogo"+$('#articulos_seleccionados').val()+"/2";
							alert(url);
							$('#grid_consultar').hide('fast');
							
							$.get(url,
								    {})
								    .done(function(data, textStatus, jqXHR) 
							        {
								 		alert("done");
				 						showGridConsulCatalogo();
								 		
							        })
								    .fail(function(jqXHR, textStatus, errorThrown) 
								    {
								        alert("fail");
				 						showGridConsulCatalogo();
										
									});
					
				}
			}
	   	}
		
			
	</script>
	<script>
		
		function showBuscador()
		{
			$("#link").hide("fast");
			$('#grid_consultar').hide('fast');
			setTimeout(function() 
			{
				$("#buscador").show("fast");
			}, 1000);
		}
		
		function showConsult()
		{
			$("#form_detalle").hide("slow");
			setTimeout(function() 
			{
				$("#consultar_catalogo").show("fast");
				
			}, 1000);
			
			setTimeout(function() 
			{
				showGridConsulCatalogo();
				
			}, 500);
			
		}
		
		function showGridConsulCatalogo()
		{
			$("#buscador").hide("fast");
			setTimeout(function() 
			{
				$("#link").show("fast");
			}, 1000);
			
			var nombre_articulo = "";
			var param_nombre_articulo = "";
			var param_categoria_articulo = "";
			
			if ($('#Consult_CatalogoNombreArticuloBusq').val() == "")
			{
				
				nombre_articulo = '*';
				param_nombre_articulo = '*No Aplica*'
			}
			else
			{
				
				nombre_articulo = $('#Consult_CatalogoNombreArticuloBusq').val();
				param_nombre_articulo = '"'+nombre_articulo+'"';
			}
        	
        	if ($('#Consult_CatalogoTipoCatalogoId').val() == 0)
        	{
        		param_categoria_articulo = "Todos";
        	}
        	else
        	{
        		var id_categoria_articulo = $('#Consult_CatalogoTipoCatalogoId').val();
        		param_categoria_articulo = $("#Consult_CatalogoTipoCatalogoId [value='"+id_categoria_articulo+"']").text();
        	}
        	
        	
        	$.get("/BackEndRecursosHumanos/Catalogos/getGridConsultCatalogo/"+
        			$('#Consult_CatalogoTipoCatalogoId').val()+"/"+nombre_articulo, function(data) {
        				
        																		$('#nombre_articulo_busq').text(' Nombre del Articulo: '+ param_nombre_articulo );
        																		$('#categoria_articulo_busq').text(' Categoria de los Articulos: '+ param_categoria_articulo );
        																		
															        			setTimeout(function() 
																				{
																					$('#grid_consultar').html(data);
															        				$('#grid_consultar').show('fast');
																				}, 1000);
															        			
															        		}); 
		
		}
		
		function showDetalleCatalogo($id)
		{
			$("#consultar_catalogo").hide("slow");
			$.get("/BackEndRecursosHumanos/Catalogos/getDetalleCatalogo/"+$id, function(data) {
																	        												$('#grid_consultar').hide('fast');
																	        												$("#link").hide("fast");
																	        												setTimeout(function() 
																															{
																																$('#form_detalle').html(data);
																										        				$('#form_detalle').show('fast');
																															}, 1000);
																	        												
																	        												
																										        			
																										        		});
		}
	
		function showEditCatalogo($id)
		{
			
			$("#consultar_catalogo").hide("slow");
			$.get("/BackEndRecursosHumanos/Catalogos/getEditCatalogo/"+$id, function(data) {
																	        												$('#grid_consultar').hide('fast');
																	        												$("#link").hide("fast");
																	        												setTimeout(function() 
																															{
																																$('#form_detalle').html(data);
																										        				$('#form_detalle').show('fast');
																															}, 1000);
																	        												
																	        												
																										        			
																										        		});
		}
	
		function editCatalogo($id)
		{
				
			// Stop form from submitting normally
			// Get some values from elements on the page:
			
			event.preventDefault();
			
		  	var	$form = $( '#CatalogoGetEditCatalogoForm' )
		  	
		  	term1 =$form.find( "input[name='data[Catalogo][id]']" ).val(),
		  	
		  	term2 = $form.find( "input[name='data[Catalogo][cantidad_disponible]']" ).val(),
			
			term3 = $form.find( "input[name='data[Catalogo][precio_unitario_articulo]']" ).val(),
			
			url = "/BackEndRecursosHumanos/Catalogos/getEditCatalogo/"+$id;

			// Send the data using post
		  	//var posting = $.post( url, {id: term2, username: term1,submit:true} );
		  	$("#form_detalle").hide("slow");
		  	$.post(url,
					    {id: term1, 
					    	cantidad_disponible: term2, 
					    	precio_unitario_articulo: term3,
					    	submit:true})
					    .done(function(data, textStatus, jqXHR) 
				        {
					 		alert("done");
					 		$('#form_detalle').html(data);
					 		setTimeout(function() 
							{
								$("#form_detalle").show("fast");
								
							}, 1000);
				        })
					    .fail(function(jqXHR, textStatus, errorThrown) 
					    {
					        alert("fail");
					        $('#form_detalle').html(textStatus);
					        setTimeout(function() 
							{
								$("#form_detalle").show("fast");
								
							}, 1000);

					    });
			
				
		}
		
	</script>

	
</head>
<body >
	
	<div>
		
		<center>
			<fieldset id="consultar_catalogo">
				<legend>Consultar los Articulos del Catalogo</legend>
				<center>
					<table>
						<tr>
							<td style="width:10%; vertical-align: middle">
								<center>
									<div id="link" style="display: none">
										<b>
											<label>Parametros de Busqueda:</label>
										</b>
										
											<li>
												<b>
													<label id="nombre_articulo_busq"></label>
												</b>
											</li>
											<li>
												<b>
													<label id="categoria_articulo_busq"></label>
												</b>
											</li>
										<br />
										<a onclick="showBuscador();" href="#">
										<img id="blah" src="/BackEndRecursosHumanos/app/webroot/img/lupa.png" alt="your image" width="30px" height="30px" />
										<br />
										Nueva Busqueda
										</a>
										<br />
									</div>
									<fieldset id = "buscador" style="width:50%;">
										<legend><b>Buscador</b></legend>
									
										<?php echo $this->Form->create('Consult_Catalogo'); ?>
										<table>
											<tr>
												<td>
													<center>
														<table>					
												
															<tr>
																<td >
																	<center>
																	<?php
																				
																				echo $this->Form->input('nombre_articulo_busq',array(
																																					
																																'type' => 'search',
																																'class' => 'buscador',
																																'label' => array(
																																					'text' => 'Nombre del Articulo',
																																					'style' => array(
																																										'font-weight: bold;',
																																										'font-style: italic;'
																																									)
																																									
																																				)
																																 
																												               )
																										 );
																				?>
																	</center>
																</td>
																						
																<td >				
																	<center>
																			<?php
																				
																				echo $this->Form->input('tipo_catalogo_id',array(
																																	'options' => array($tipoarticulo),
																																	'label' => array(
																																						'text' => 'Categoria del Articulo',
																																						'style' => array(
																																											'font-weight: bold;',
																																											'font-style: italic;'
																																										)
																																					)
																																	
																															   )
																				 						 ); 
																				
																				?>
																	</center>	
															 	</td>
														 	</tr>
														 	
														 </table>
													 </center>
												</td>
											</tr>
											<tr>
												<td>
													<center>
														<button style="vertical-align: middle; text-align: center" onclick="showGridConsulCatalogo();" class ="boton_regular" type="button" onclick="seleccionar_todos(true);">
															<center>
																Buscar &nbsp; <img src="/BackEndRecursosHumanos/img/search.png"  alt="CakePHP" style="cursor: pointer;width: 15px;">
															</center>
														</button>
													</center>
												</td>
											</tr>
										</table>
										
										 <?php echo $this->Form->end();?>
								 </fieldset>
								 </center>
							 </td>
							</tr>
							
							<tr>
							 	<td id = 'grid_consultar' style="display: none">
												
								</td>
						 </tr>
					</table>
				</center>
			</fieldset>
			<fieldset id="form_detalle" style="display: none">
				
			</fieldset>
		</center>
		
		
		
	</div>
</body>		

				